<template>
  <header id="header" class="mui-bar mui-bar-nav">
    <h1 class="mui-title">{{title||'导航栏'}}</h1>
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">
    </a>
    <a v-if="activeRightBtn" class="mui-icon mui-icon-bars mui-pull-right"></a>
  </header>
</template>


<script>

  export default {
    name: "Header",
    components: {
      //someComponent
    },
    props:['title','activeRightBtn'],
    data() {
      return {
        msg: "Hello Vue.js",
      }
    },
    computed: {},
    watch: {},
    mounted: function () {

    },
    methods: {
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

  .mui-bar-nav{
    background: white;
    border: 0 transparent;
    box-shadow:  0 0 0 0  ;
    -webkit-box-shadow: 0 0 0 0  ;
  }

</style>
